$(function(){

  //Single Photo Click
  $('.photo').click(function(){
    link = $(this).attr('href');
    number = $(this).attr('ID');
    number = number.substring(5, 10);
    // console.log(link);
    // console.log(number);
    $('#overlay img').attr("src", link);
    $('#overlay img').attr("data-id", number);

    $('#overlay').imagesLoaded( function() {
      $('li.counter span').text(number);
      $('li.counter, li.allimages span').show();
      $('#overlay').fadeIn('fast',function(){
        $('body').addClass('lock');
      });

    });

    // if ($('html').hasClass('touch')){
    //   var aTag = $("#top");
    //   $('html,body').animate({scrollTop: aTag.offset().top},'slow');
    // } else {
    //   var aTag = $("#overlay");
    //   $('html,body').animate({scrollTop: aTag.offset().top},'slow');
    // }

    return false;
  });


  $('#prev, #next').click(function(){
    activeNumber = $('#overlay img').attr('data-id');
    totalNumber = $('.photo').length;
    if ( activeNumber == 1 ) {
      prevNumber = totalNumber;
      nextNumber = 2;
    } else if ( activeNumber == totalNumber ) {
      prevNumber = activeNumber - 1;
      nextNumber = 1;
    } else {
      prevNumber = activeNumber - 1;
      nextNumber = prevNumber + 2;
    }

    // console.log(prevNumber);
    // console.log(nextNumber);

    $('#overlay a#prev').attr("data-id", prevNumber);
    $('#overlay a#next').attr("data-id", nextNumber);

    clickedNumber = $(this).attr("data-id");
    $('#overlay img').attr('data-id', clickedNumber);
    clickedImage = $("#image" + clickedNumber).attr("href");
    $('#overlay img').attr('src', clickedImage);
    $('li.counter span').text(clickedNumber);

    return false;
  });


  // TouchSwipe

  $('#overlay').swipe({
    swipeLeft:function(event, direction, distance, duration, fingerCount) {
      $('#next').click();
    },
    swipeRight:function(event, direction, distance, duration, fingerCount) {
      $('#prev').click();
    }
  });


  // Close overlay
  $('.close, #close').click(function() {
    $('li.active').removeClass('active');
    $(this).parent('li').addClass('active');
    $('#overlay').fadeOut('fast',function(){
      $('body').removeClass('lock');
    });
    $('li.counter, li.allimages span').hide();
    $('.films').fadeOut(function(){
      $('.images').fadeIn();
      // // Show images and make them scrollable
      // $('body').removeClass('lock');
    });
    return false;
  });

  $('.contact').click(function() {
    $('#contacts').toggle();
    return false;
  });

  $('.motion').click(function() {
    $('li.active').removeClass('active');
    $(this).parent('li').addClass('active');
    $('li.counter, li.allimages span').hide();
    $('.images').fadeOut(function(){
      $('#overlay').fadeOut('fast');
      $('.films').fadeIn();
    });

    return false;
  });

  $(window).load(function(){
    wrapperHeight = $('.wrapper').height();
    // console.log(wrapperHeight);
    $('#overlay').height(wrapperHeight);
    $('.static').removeClass('loading');
    $('.images img').each(function(i) {
      $(this).delay((i++) * 50).fadeTo(1000, 1);
    })
  });

  $(window).resize(function(){
    wrapperHeight = $('.wrapper').height();
    // console.log(wrapperHeight);
    $('#overlay').height(wrapperHeight);
  });

  $('.film').boxer({
    mobile: true
  });
});
